@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-01-03 10:52:31
 * @version $Id$
 */
body {
  text-align: center;
  padding-bottom: .98rem; }

.container {
  width: 7.5rem;
  margin: 0 auto; }

a:link, a:visited {
  color: #666; }

a:hover {
  color: #c3004f; }

/*header 样式*/
header {
  padding-top: .16rem; }

header form {
  position: relative;
  width: 6.45rem;
  margin: 0 auto; }

header input {
  width: 100%;
  height: .56rem;
  background-color: #fff;
  border-radius: .28rem;
  text-indent: .7rem;
  font-size: .36rem; }

header form i {
  position: absolute;
  left: .27rem;
  top: .12rem;
  color: #545454;
  font-size: .32rem !important; 
}

/*all 样式*/
.all {
  height: .6rem;
  background-color: #eeeeee;
  font-size: .28rem;
  color: #626262; }

.all .allTop {
  text-align: left;
  line-height: .6rem;
  padding-left: .2rem; }

/*classify 样式*/
.classify {
  text-align: center;
  font-size: .28rem; }

.classify ul {
  width: 100%;
  font-size: 0;
  padding-left: .15rem; }

.classify li {
  display: inline-block;
  width: 33.3%;
  vertical-align: top;
  margin-top: .32rem;
  text-align: center;
  padding-bottom: .7rem; }

.classify li a {
  display: inline-block; }

.classify li i {
  font-size: .28rem; }

.classify li img {
  width: 1.31rem;
  height: 1.31rem;
  margin-bottom: .2rem; }

.classify a h3 {
  font-size: .3rem;
  line-height: .3rem;
  color: #333;
  margin-bottom: .2rem; }

.classify a:hover h3 {
  color: #c3004f; }

.classify p {
  font-size: .28rem; }

/*guess 样式*/
.guess {
  width: 7.5rem;
  margin:0 auto;
  border-top: .04rem solid #d4d3d3;
  background-color: #eee;
  text-align: left; }

.guess p {
  width: 7.5rem;
  margin: 0 auto;
  font-size: .28rem;
  color: #626262;
  padding-left: .2rem;
  line-height: .6rem;
  height: .6rem; }

/*guessGoods 样式*/
.guessGoods li {
  display: inline-block;
  text-align: center;
  margin-bottom: .6rem; }

.guessGoods li a {
  display: inline-block;
  width: 3.2rem;
  height: 3.66rem;
  margin: 0 .15rem; }

.guessGoods img {
  width: 2.22rem;
  height: 2.5rem; }

.guessGoods li a h3 {
  font-size: .28rem;
  text-align: left;
  margin-bottom: .2rem; }

.guessGoods li a div:nth-child(3) {
  text-align: left;
  width: 3.2rem; }

.guessGoods li a div:nth-child(3) i {
  font-size: .28rem; }

.guessGoods li a div:nth-child(3) .price {
  display: inline-block;
  color: #f11067; }

.guessGoods li a div:nth-child(3) .record {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  text-align: right; }

.guessGoods li a div:nth-child(3) .record span {
  font-size: .28rem;
  color: #ff7e00; }

/*footer 样式*/
footer li:nth-child(2) a:link, footer li:nth-child(2) a:visited {
  color: #c3004f; }
